<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>财务首页</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <!--轮播图-->
    <link rel="stylesheet" href="/css/swiper-bundle.min.css"/>
    <!--对话框-->
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css" />
    <link rel="stylesheet" href="/css/finance/main.css">
    <script th:inline="javascript">
        // 3-超级财务
        var isSuperCaiwu = [[${isSuperCaiwu}]];
        console.log(isSuperCaiwu);
    </script>
</head>
<body>
<!--账号所属分公司id-->
<input type="text" id="companyId" value="" class="hidden">
<div class="container-fluid">
    <div class="card header">
        <div class="gradient"></div>
        <div class="companyInformation">
            <div class="row" th:switch="${isSuperCaiwu}" style="width: 100%;height: 100%">
                <div class="headerLeft pull-left"></div>
                <div th:case="3" class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-4 company-collapse">
                    <div class="companyName" id="superCompanyName" data-toggle="collapse" data-target="#companyList" aria-expanded="false" aria-controls="companyList"></div>
                </div>
                <div th:case="*" class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-4" style="display: flex;justify-content: left;align-items: center;max-width: 200px">
                    <div class="companyName" id="companyName"></div>
                </div>
                <div class="form-group  col-lg-8 col-md-8 col-sm-8 col-xs-8">
                    <div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-4 flex" style="height: 90%;margin-top: 2%;">
                        <div class="companyList">
                            <p  id="payBackToday"></p>
                            <p>今日已回款订单 <i class="mdi mdi-information-outline" data-toggle="tooltip" data-placement="top" data-original-title="今天操作的回款订单"></i></p>
                        </div>
                    </div>
                    <div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-4 flex"  style="height: 90%;margin-top: 2%;">
                        <div class="companyList">
                            <p id="pendingPayment"></p>
                            <p>今日待回款订单</p>
                        </div>
                    </div>
                    <div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-4 flex"  style="height: 90%;margin-top: 2%;">
                        <div class="companyList" style="border: none">
                            <p id="refundToday"></p>
                            <p>今日待退款订单</p>
                        </div>
                    </div>
                </div>
                <div class="icon"></div>
                <button type="button" class="refresh-btn" onclick="getBranchOfficeData();"><i class="mdi mdi-refresh"></i>刷新</button>
            </div>
        </div>
        <div class="collapse company-list" id="companyList">
            <ul class="clearfix"><li><a href="#!">总部财务部</a></li></ul>
        </div>
    </div>
    <div class="card cardModel">
        <div class="Title">订单统计</div>
        <div>
           <div class="row"  style="padding: 11px 0 0 30px">
               <div class="form-group col-lg-3 col-md-2 col-sm-4 col-xs-4">
                   <div id="browsData" class="select-switch">
                       <label for="today"><input type="radio" name="date" value="day" id="today" checked=""><span>今天</span></label>
                       <label for="week"><input type="radio" name="date" value="thisWeek" id="week"><span>本周</span></label>
                       <label for="month"><input type="radio" name="date" value="thisMonth" id="month"><span>本月</span></label>
                       <label for="topMonth"><input type="radio" name="date" value="topMonth" id="topMonth"><span>上月</span></label>
                   </div>
                    <div class="money">
                        <div class="border border1"></div>
                        <div class="statisticsModel">
                            <div class="statistics" id="rayBackNum"></div>
                            <div class="statisticsName" id="rayBackTitle"><span>今天</span>总回款金额&nbsp;<i class="mdi mdi-information-outline" data-toggle="tooltip" data-placement="top" data-original-title="包含退款金额"></i></div>
                        </div>
                    </div>
                   <div class="money">
                       <div class="border border2"></div>
                       <div class="statisticsModel">
                           <div class="statistics" id="refundNum"></div>
                           <div class="statisticsName" id="refundTitle"><span>今天</span>退款金额</div>
                       </div>
                   </div>
                   <div class="money">
                       <div class="border border3"></div>
                       <div class="statisticsModel">
                           <div class="statistics" id="performanceNum"></div>
                           <div class="statisticsName" id="performanceTitle"><span>今天</span>充值金额</div>
                       </div>
                   </div>
               </div>
               <div class="form-group col-lg-9 col-md-9 col-sm-10 col-xs-10">
                   <div id="oderChart"></div>
               </div>
           </div>
        </div>
    </div>
    <div class="card cardModel" style="height: 100%">
        <div class="Title">本月产品统计</div>
        <div class="cardContent">
            <table id="productStatistics"></table>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<!--行内编辑插件-->
<link href="/js/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js"></script>

<!--以下是tree-grid的使用示例-->
<link href="/js/jquery-treegrid/jquery.treegrid.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery-treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<!-- 分页 -->
<script src="/js/jquery.pagination.js"></script>
<!--滚动新闻-->
<script type="text/javascript" src="/js/jquery-super-slide/jquery.SuperSlide.2.1.3.js"></script>
<!--轮播图-->
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<!--对话框-->
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>

<script src="/js/crm/common/common.js"></script>

<script src="/js/crm/finance/main.js"></script>
</html>